<template>
  <div class="a">
    <div class="b">
      <!-- <el-button class="btn">企业信息</el-button>
      <el-button class="btn">系统信息</el-button> -->
      
    </div>
    <div class="c">
        <router-view/>
    </div>
  </div>
  
</template>

<script>
// import { reactive, toRefs } from 'vue'
export default {
    setup() {
    },
    methods: {
     
    },
    mounted() {
        this.$router.push('./login')
    }
    
}
</script>

<style scoped>
.a {
  height: 100%;
  width: 100%;
  display: block;
  /* background-image: url(); */
  /* background-color: rgb(217, 217, 160); */
  box-sizing: border-box;
}

.b {
  height: 13%;
  width: 100%;
  /* background-color: gray; */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: url("../assets/login2.jpg");
  background-size: cover;
  opacity: 90%;
  box-sizing: border-box;
}


.c {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.d {
  height: 20%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items:flex-end;
  margin-top: 80px;
  box-sizing: border-box;
}

.e {
  font-size: 0.5em;
  color: red;
  margin-right: 90px;
  text-decoration:underline;
  cursor: pointer;
  box-sizing: border-box;
}

.btn {
    /* em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5
    vh就是当前屏幕可见高度的1%
    vw就是当前屏幕宽度的1% */
    height: 3em;
    width: 6em;
    font-size: 1em;
    margin-right: 20px;
}

.btn2 {
    /* em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5
    vh就是当前屏幕可见高度的1%
    vw就是当前屏幕宽度的1% */
    /* height: 3em;
    width: 6em;
    font-size: 1em; */
}

.loginForm {
  height: 50%;
  width: 30%;
  display: flex;
  background-color: aquamarine;
  box-sizing: border-box;
}


</style>